<!doctype html>
<html>
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Integrated Case Management System</title>
	<!-- ============================CSS link goes here============================ -->
	<!-- <link rel="stylesheet" href="css/globle.css"> -->
	<link rel="stylesheet" href="jquery-ui-1.10.3.flick/css/flick/jquery-ui-1.10.3.custom.css">
	<!-- Bootstrap -->
	<link rel="stylesheet" href="css/bootstrap.min.css" media="screen">
	<!-- Responsive -->
	<link href="css/bootstrap-responsive.css" rel="stylesheet">
	<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.3.0/buttons-min.css">
	<link rel="stylesheet" href="css/pure-skin-mine.css">
	<!-- <link rel="stylesheet" href="css/modal.css"> -->
	<link rel="stylesheet" href="css/decoration.css">
	<link rel="stylesheet" href="css/responsive.css">
	<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css" rel="stylesheet">
	<link rel="stylesheet" href="js/DataTables/css/jquery.dataTables.css">

	<!-- ============================JS file goes here============================ -->
	<script src="jquery-ui-1.10.3.flick/js/jquery-1.9.1.js"></script>
	<script src="jquery-ui-1.10.3.flick/js/jquery-ui-1.10.3.custom.min.js"></script>
	<!-- Bootstrap -->
	<script src="js/bootstrap.min.js"></script>
	<script src="js/DataTables/js/jquery.js"></script>
	<script src="js/DataTables/js/jquery.dataTables.js"></script>
	<!--script src="js/AI1JavaScript.js" ></script>
	<script src="js/prePopulateText.js" ></script-->
	<script src="js/jsButton.js" ></script>
	<script src="js/jsResponsive.js"></script>
	<script src="js/inboxAjax.js"></script>
	<script>
		
		
	</script>
</head>
<body>
	<header class="row-fluid">
		<div class="row-fluid">
			<div class="span3 offset9">
				<img id="govLogo" src="images/gov-logo.png" alt="Singapore Government verified" ></img>
			</div>
		</div>
		<div class="row-fluid">
			<div class="span12">
				<img id="banner" src="" alt="Integrated Case Management System" class="span8">
			</div>
		</div>
		<div class="row-fluid">
			<nav class="navbar">
				<div class="navbar-inner">
					<ul class="nav nav-pills">
						<li class="active"><a href="inbox(1).html">Inbox</a></li>
						<li><a href="#">Reports</a></li>
						<li><a href="create-case(1).html">New Case</a></li>
					</ul>
				</div>
			</nav>
		</div>
		<div class="row-fluid">
			<h1 class="span4" onclick="textScripts()">Inbox</h1>
		</div>
	</header>
	<div class="container-fluid main">
		<div class="row-fluid smallSearchBar">
			<div class="searchBar-inner">
				<div class="row-fluid">
					<div class="span6">
						<input type="text" id="search-input">
					</div>
					<div class="span2">
						<button id="btnSearch" class="pure-button pure-button-primary center">Search</button>
					</div>
					<div class="span3" id="caseFilterDiv">
						<select name="" id="caseFilter">
							<option value="1">All Cases</option>
							<option value="2">Pending</option>
							<option value="3">Routed &lt; 3 days</option>
							<option value="4">Closed</option>
						</select>
					</div>
					<div class="span1" id="advanceSearchDiv"><a id="advanceSearch">Advance&nbsp;&nbsp;<i class="fa fa-chevron-down"></i></a></div>
				</div>
			</div>
		</div>
		<div class="row-fluid inboxTable">
			<table cellpadding="0" cellspacing="0" border="0" class="display dataTable" id="CaseTable" width="100%" aria-describedby="" style="width: 100%;">
				<colgroup>
					<col span="1" style="width: 5%;">
					<col span="1" style="width: 5%;">
					<col span="1" style="width: 5%;">
					<col span="1" style="width: 9%;">
					<col span="1" style="width: 20%;">
					<col span="1" style="width: 15%;">
					<col span="1" style="width: 10%;">
					<col span="1" style="width: 13%;">
					<col span="1" style="width: 13%;">
					<col span="1" style="width: 5%;">
				</colgroup>
				<thead>
					<tr>
						<th style="cursor:default;" title="Cases pending more than 3 days"><i class="fa fa-bell"></i></th>
						<th style="cursor:default;" title="Over due case"><i class="fa fa-exclamation"></i></th>
						<th style="cursor:default;" title="Joint resolution case"><i class="fa fa-group"></i></th>
						<th>Case ID</th>
						<th>Subject Title</th>
						<th>Category</th>
						<th>Case Status</th>
						<th>Received Date</th>
						<th>Due Date</th>
						<th>Agency</th>
					</tr>
				</thead>
                <tbody>

                </tbody>
			</table>
		</div>
	</div>
	<footer class="row-fluid">
		<span id="copyright">&copy; Copyright 2013, All rights Reserved.</span>
		<span id="PSTCD">Privacy Statement | Terms &amp; Conditions | Disclaimer</span>
	</footer>
</body>
</html>